<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>信息完善</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="/css/LArea.css">
</head>
<style>
    .container {
        display: flex;
        flex-direction: column;
        padding: 0 10px;
    }

    .label {
        font-weight: 600;
        margin-top: 8px;
        font-size: 16px;
    }

    select, input {
        font-size: 14px;
        height: 40px;
        margin-top: 6px;
        padding: 0 10px;
        border: 1px solid #d9d9d9;
        border-radius: 4px
    }

    /*input {*/
    /*    font-size: 14px;*/
    /*    height: 40px;*/
    /*    margin-top: 6px;*/
    /*    padding: 0 10px;*/
    /*    border: 1px solid #d9d9d9;*/
    /*    border-radius: 4px*/
    /*}*/

    button {
        height: 44px;
        margin-top: 10px;
        background-color: #0E8CFE;
        color: white;
        border-radius: 5px;
    }

    span {
        color: red;
        font-size: 12px;
    }

    .hide {
        display: none;
    }

    select{
        background: transparent;
        color:rgb(118, 118, 118);
    }
</style>
<body>
<div class="container">
    <div class="label">基础信息</div>
    <input id="zhiMaScore" type="text" placeholder="芝麻信用分(必填)"/>
<!--    <input id="wxAccount" type="text" placeholder="微信账号(必填)"/>-->
<!--    <div class="label">银行卡信息</div>-->
<!--    <input id="bankType" type="text" placeholder="开户行(必填)"/>-->
<!--    <input id="bankAccount" type="text" placeholder="银行卡号(必填)"/>-->

    <div class="label">家庭住址</div>
    <!--    <span> *</span>-->
    <input id="input_area" type="text" readonly="" name="input_area" placeholder="省市区选择(必填)"/>

    <input id="addressDetail" type="text" placeholder="居住地地址(必填)"/>
<!--    <select id="resiStatus">-->
<!--        <option value="">请选择居住状况(必填)</option>-->
<!--        <option value="1">自置</option>-->
<!--        <option value="2">按揭</option>-->
<!--        <option value="3">亲属楼宇</option>-->
<!--        <option value="4">集体宿舍</option>-->
<!--        <option value="5">租房</option>-->
<!--        <option value="6">共有住宅</option>-->
<!--        <option value="12">借住</option>-->
<!--        <option value="9">未知</option>-->
<!--    </select>-->
<!--    <input id="resiPc" type="text" placeholder="居住地邮编(必填)"/>-->
<!--    <select id="ocrSex">-->
<!--        <option value="">请选择性别(必填)</option>-->
<!--        <option value="1">男</option>-->
<!--        <option value="2">女</option>-->
<!--    </select>-->
<!--    <input id="ocrNation" type="text" placeholder="民族(必填)"/>-->
<!--    <input id="ocrIssueOrg" type="text" placeholder="发证机关(必填)"/>-->

<!--    <div style="margin-top: 10px">身份有效开始时间:<input id="ocrStartValidDate" type="date"-->
<!--                                                  style="margin-left: 10px;height: 30px"/></div>-->
<!--    <div style="margin-top: 10px">身份有效截止时间:<input id="ocrEndValidDate" type="date"-->
<!--                                                  style="margin-left: 10px;height: 30px"/>-->
<!--    </div>-->
<!--    <input id="ocr_input_area" type="text" readonly="" name="input_area" placeholder="身份证省市区选择(必填)"/>-->
<!--    <input id="ocrAddressDetail" type="text" placeholder="身份证详细地址(必填)"/>-->

    <div class="label">紧急联系人1</div>
    <input id="contactName" type="text" placeholder="姓名(必填)"/>
    <input id="contactPhone" type="text" placeholder="电话(必填)"/>
    <select id="contactRelation">
        <option value="">请选择关系(必填)</option>
        <option value="1">父母</option>
        <option value="2">子女</option>
        <option value="3">兄弟姐妹</option>
        <option value="4">朋友</option>
        <option value="5">配偶</option>
        <option value="6">亲戚</option>
        <option value="7">同学</option>
        <option value="8">同事</option>
        <option value="9">其他</option>
    </select>

    <div class="label">紧急联系人2</div>
    <input id="contactName2" type="text" placeholder="姓名(必填)"/>
    <input id="contactPhone2" type="text" placeholder="电话(必填)"/>
    <select id="contactRelation2">
        <option value="">请选择关系(必填)</option>
        <option value="1">父母</option>
        <option value="2">子女</option>
        <option value="3">兄弟姐妹</option>
        <option value="4">朋友</option>
        <option value="5">配偶</option>
        <option value="6">亲戚</option>
        <option value="7">同学</option>
        <option value="8">同事</option>
        <option value="9">其他</option>
    </select>



    <div class="label">婚姻信息</div>
    <select id="marriStatus" onchange="marriStatusChange()">
        <option value="">请选择婚姻状况(必填)</option>
        <option value="10">未婚</option>
        <option value="20">已婚</option>
        <option value="30">丧偶</option>
        <option value="40">离婚</option>
        <option value="99">未知</option>
    </select>
    <input id="spoName" type="text" placeholder="配偶名称"/>
    <input id="spoTel" type="text" placeholder="配偶电话"/>
<!--    <input id="spoIdNum" type="text" placeholder="配偶身份证号码"/>-->
    <input id="spsCmpyNm" type="text" placeholder="配偶工作单位"/>

<!--    <div class="label">教育信息</div>-->
<!--    <select id="eduLevel">-->
<!--        <option value="">请选择学历(必填)</option>-->
<!--        <option value="10">研究生</option>-->
<!--        <option value="20">本科</option>-->
<!--        <option value="30">大专</option>-->
<!--        <option value="40">中专、职高、技校</option>-->
<!--        <option value="60">高中</option>-->
<!--        <option value="91">初中及以下</option>-->
<!--        <option value="99">未知</option>-->
<!--    </select>-->
<!--    <select id="acaDegree">-->
<!--        <option value="">请选择学位(必填)</option>-->
<!--        <option value="1">名誉博士</option>-->
<!--        <option value="2">博士</option>-->
<!--        <option value="3">硕士</option>-->
<!--        <option value="4">学士</option>-->
<!--        <option value="5">无学位</option>-->
<!--        <option value="9">未知</option>-->
<!--    </select>-->

    <div class="label">请选择职业信息</div>
    <input id="cpnName" type="text" placeholder="单位名称(必填)"/>
    <input id="cpnAddr" type="text" placeholder="单位地址(必填)"/>
<!--    <select id="empStatus">-->
<!--        <option value="">请选择职业类型(必填)</option>-->
<!--        <option value="11">国家公务员</option>-->
<!--        <option value="13">专业技术人员</option>-->
<!--        <option value="17">职员</option>-->
<!--        <option value="21">企业管理人员</option>-->
<!--        <option value="24">工人</option>-->
<!--        <option value="27">农民</option>-->
<!--        <option value="31">学生</option>-->
<!--        <option value="37">现役军人</option>-->
<!--        <option value="51">自由职业者</option>-->
<!--        <option value="54">个体经营者</option>-->
<!--        <option value="70">无业人员</option>-->
<!--        <option value="80">退（离）休人员</option>-->
<!--        <option value="90">其他</option>-->
<!--        <option value="99">未知</option>-->
<!--    </select>-->
<!--    <select id="cpnType">-->
<!--        <option value="">请选择单位性质(必填)</option>-->
<!--        <option value="10">机关、事业单位</option>-->
<!--        <option value="20">国有企业</option>-->
<!--        <option value="30">外资企业</option>-->
<!--        <option value="40">个体、私营企业</option>-->
<!--        <option value="50">其他（包括三资企业、民营企业、民间团体等）</option>-->
<!--        <option value="99">未知</option>-->
<!--    </select>-->
<!--    <select id="industry">-->
<!--        <option value="">请选择单位所属行业(必填)</option>-->
<!--        <option value="A">农、林、牧、渔业</option>-->
<!--        <option value="B">采矿业</option>-->
<!--        <option value="C">制造业</option>-->
<!--        <option value="D">电力、热力、燃气及水生产和供应业</option>-->
<!--        <option value="E">建筑业</option>-->
<!--        <option value="F">批发和零售业</option>-->
<!--        <option value="G">交通运输、仓储和邮储业</option>-->
<!--        <option value="H">住宿和餐饮业</option>-->
<!--        <option value="I">信息传输、软件和信息技术服务</option>-->
<!--        <option value="J">金融业</option>-->
<!--        <option value="K">房地产业</option>-->
<!--        <option value="L">租赁和商务服务业</option>-->
<!--        <option value="M">科学研究和技术服务业</option>-->
<!--        <option value="N">水利、环境和公共设施管理业</option>-->
<!--        <option value="O">居民服务、修理和其他服务业</option>-->
<!--        <option value="P">教育</option>-->
<!--        <option value="Q">卫生和社会工作</option>-->
<!--        <option value="R">文化、体育和娱乐业</option>-->
<!--        <option value="S">公共管理、社会保障和社会组织</option>-->
<!--        <option value="T">国际组织</option>-->
<!--        <option value="9">未知</option>-->
<!--    </select>-->
<!--    <select id="occupation">-->
<!--        <option value="">请选择职业(必填)</option>-->
<!--        <option value="1">国家机关、党群组织、企业、事业单位负责人</option>-->
<!--        <option value="2">专业技术人员</option>-->
<!--        <option value="3">办事人员和有关人员</option>-->
<!--        <option value="4">商业、服务业人员</option>-->
<!--        <option value="5">农、林、牧、渔、水利业生产人员</option>-->
<!--        <option value="6">生产、运输设备操作人员及有关人员</option>-->
<!--        <option value="X">军人</option>-->
<!--        <option value="Y">不便分类的其他从业人员</option>-->
<!--        <option value="Z">未知</option>-->
<!--    </select>-->
<!--    <select id="title">-->
<!--        <option value="">请选择职务(必填)</option>-->
<!--        <option value="1">高级领导</option>-->
<!--        <option value="2">中级领导</option>-->
<!--        <option value="3">一般员工</option>-->
<!--        <option value="9">未知</option>-->
<!--    </select>-->
<!--    <select id="techTitle">-->
<!--        <option value="">请选择职称(必填)</option>-->
<!--        <option value="1">高级</option>-->
<!--        <option value="2">中级</option>-->
<!--        <option value="3">初级</option>-->
<!--        <option value="0">无</option>-->
<!--        <option value="9">未知</option>-->
<!--    </select>-->
<!--    <input id="socialNum" type="text" placeholder="社保月缴金额"/>-->
<!--    <input id="fundNum" type="text" placeholder="公积金月缴金额"/>-->
<!--    <input id="salaryNum" type="text" placeholder="薪资"/>-->

    <button onclick="getData()">提交</button>
</div>
<script src="/js/LArea.js"></script>
<script src="/js/areaData.js"></script>
<script src="/url.js"></script>
<script src="/jquery-3.5.1.min.js"></script>


<script src="/app.js"></script>
<script src='/js/alert.js'></script>


<script type="text/javascript">
    let area = new LArea();
    area.init({
        'trigger': '#input_area',//触发选择控件的文本框，同时选择完毕后name属性输出到该位置
        'valueTo': '#value1',//选择完毕后id属性输出到该位置
        'keys': {id: 'code', name: 'value'},//绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
        'type': 1,//数据源类型
        'data': areaData//数据源
    });

    let area1 = new LArea();
    area1.init({
        'trigger': '#ocr_input_area',//触发选择控件的文本框，同时选择完毕后name属性输出到该位置
        'valueTo': '#value2',//选择完毕后id属性输出到该位置
        'keys': {id: 'code', name: 'value'},//绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
        'type': 1,//数据源类型
        'data': areaData//数据源
    });

    function getData() {
        let userInfo = {}
        let address = ['', '', '']
        address[0] = areaData[area.value[0]].value
        address[1] = areaData[area.value[0]].child[area.value[1]].value
        address[2] = areaData[area.value[0]].child[area.value[1]].child[area.value[2]].value
        let addressDetail = document.getElementById('addressDetail').value
        userInfo.homeAddress = address.join('-') + '-' + addressDetail
        // userInfo.resiStatus = document.getElementById('resiStatus').value
        // userInfo.resiPc = document.getElementById('resiPc').value
        userInfo.zhiMaScore = document.getElementById('zhiMaScore').value
        // userInfo.wxAccount = document.getElementById('wxAccount').value
        // userInfo.bankType = document.getElementById('bankType').value
        // userInfo.bankAccount = document.getElementById('bankAccount').value

        let firstContactInfo = {}
        firstContactInfo.contactName = document.getElementById('contactName').value
        firstContactInfo.contactPhone = document.getElementById('contactPhone').value
        firstContactInfo.contactRelation = document.getElementById('contactRelation').value

        firstContactInfo.contactName2 = document.getElementById('contactName2').value
        firstContactInfo.contactPhone2 = document.getElementById('contactPhone2').value
        firstContactInfo.contactRelation2 = document.getElementById('contactRelation2').value

        let mariInfo = {}
        mariInfo.marriStatus = document.getElementById('marriStatus').value
        mariInfo.spoName = document.getElementById('spoName').value
        mariInfo.spoTel = document.getElementById('spoTel').value
        // mariInfo.spoIdNum = document.getElementById('spoIdNum').value
        mariInfo.spsCmpyNm = document.getElementById('spsCmpyNm').value

        // let eduInfo = {}
        // eduInfo.eduLevel = document.getElementById('eduLevel').value
        // eduInfo.acaDegree = document.getElementById('acaDegree').value

        let career = {}
        career.cpnName = document.getElementById('cpnName').value
        career.cpnAddr = document.getElementById('cpnAddr').value
        // career.empStatus = document.getElementById('empStatus').value
        // career.cpnType = document.getElementById('cpnType').value
        // career.industry = document.getElementById('industry').value
        // career.occupation = document.getElementById('occupation').value
        // career.title = document.getElementById('title').value
        // career.techTitle = document.getElementById('techTitle').value
        // career.socialNum = document.getElementById('socialNum').value
        // career.fundNum = document.getElementById('fundNum').value
        // career.salaryNum = document.getElementById('salaryNum').value

        let id = new URLSearchParams(location.href.split('?')[1]).get("id")
        let data = {}

        data.id = id
        data.rentalUserIdentity = userInfo
        data.creditByMariInfo = mariInfo
        data.creditByContactInfo = firstContactInfo
        // data.creditByEduInfo = eduInfo
        data.creditByCareer = career

        console.log(data)

        post(data)
    }

    function post(data) {
        var url = requestUrl + "/app/user/addOtherInfo";
        $.ajax({
            type: "POST",
            url: url,
            data: {
                content: JSON.stringify(data)
            },
            datatype: "json",
            success: function (result) {
                console.log(result)
                if (result.code == 1) {
                    myAlert(window.eruptSiteConfig.logoText, '提交成功！', function () {
                    });
                } else {
                    alert(result.msg)
                }
            }
        });
    }

</script>
</body>
</html>
